<template>
  <div class="income-index">
    <h3>INCOME</h3>
    <JsxDemo />
    <h1>{{ count }}</h1>
    <span class="test-em">VUE33333333333333333333333</span>
    <div>
      <button @click="addCount">+++</button>
    </div>
    <SomeCard v-for="i in 10" :key="i" />
  </div>
</template>

<script lang="ts" setup>
import { computed } from "vue-demi";
import JsxDemo from "/@/components/JsxDemo";
import { useAppStore } from "/@/store/modules/app";
import SomeCard from "./SomeCard.vue";

const appStore = useAppStore();
const count = computed(() => appStore.count);
const addCount = appStore.addCount;
</script>

<style lang="less" scoped>
.income-index {
  padding: 0.5em;
  font-size: 1rem;
  background-color: antiquewhite;
  .test-em {
    font-size: 2em;
  }
}
</style>
